<#import "themes/${theme}/macro/frontCurrentPosition.ftl" as frontCurrentPosition />
<!DOCTYPE html>
<html>
    <head>
        <title>${getSite(siteId).name}-${curColumn.name}</title>

		<meta name="description" content="${curColumn.description}" />
		<meta name="keywords" content="${curColumn.keywords}" />
    </head>
    <body>
        <!-- Page Title -->
        <@frontCurrentPosition.content curColumn />

        <!-- Services Full Width Text -->
        <div class="services-full-width-container">
        	<div class="container">
	            <div class="row">
	                <div class="col-sm-12 services-full-width-text wow fadeInLeft">
	                    <h3>我们为您提供以下服务</h3>
	                    <p>${getDynamicDataOfSingleton(siteId,curColumn.model.enname)["k_sketch"]}</p>
	                </div>
	            </div>
	        </div>
        </div>

        <!-- Services -->
        <div class="services-container">
	        <div class="container">
	            <div class="row">
	            	<#list  page.list as contents>
		                <div class="col-sm-3">
			                <div class="service wow ${(contents_index%2 == 0) ? then('fadeInUp','fadeInDown')}">
			                    <div class="service-icon"><i class="${contents.image}"></i></div>
			                    <h3 alt="${contents.title}" title="${contents.title}">${contents.title}</h3>
			                    <p>${contents.description}</p>
			                </div>
						</div>
					</#list>
	            </div>
	        </div>
        </div>

        <!-- Services Half Width Text -->
        <div class="services-half-width-container">
        	<div class="container">
	            <div class="row">
	                <div class="col-sm-6 services-half-width-text wow fadeInLeft">
	                    <h3>郑重承诺</h3>
	                    <p>${getDynamicDataOfSingleton(siteId,curColumn.model.enname)["k_promise"]}</p>
	                </div>
	                <div class="col-sm-6 services-half-width-text wow fadeInUp">
	                    <h3>其他</h3>
	                    <p>${getDynamicDataOfSingleton(siteId,curColumn.model.enname)["k_other"]}</p>
	                </div>
	            </div>
	        </div>
        </div>

        <!-- Call To Action -->
        <div class="call-to-action-container">
        	<div class="container">
	            <div class="row">
	                <div class="col-sm-12 call-to-action-text wow fadeInLeftBig">
	                    <p><span class="violet">如您有什么需求，请联系我们，我们将竭尽全力为您服务，直到您满意！</span></p>
	                    <div class="call-to-action-button">
	                        <a class="big-link-3" href="${ctxFrt}/${siteId}/col${preview}-${getColumnOfContactModel(siteId).id}${urlSuffix}">
	                        	<i class="fa fa-phone"></i>现在试试!</a>
	                    </div>
	                </div>
	            </div>
	        </div>
        </div>

    </body>

</html>
